@import "../vorlontheme.less";

.plugin-uwp {
    .uwppanel{
        position: relative;
        width: 100%;
        height: 100%;

        .toolbar{
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            border-bottom: 1px solid #DDD;
        }

        .uwp-status-bloc{
            position: absolute;
            left: 0;
            top: 36px;
            right: 0;
            bottom: 0;
            overflow-x: hidden;
            overflow-y: auto;
            background-color: #EEE;
            display : flex;
            flex-flow : row wrap;
            padding : 5px;
            
            .contentbloc{
                padding : 20px;
                margin : 5px;
                background-color: white;
                border: 1px solid #DDD;
                width : 400px;
                height : 300px;
                
                h1 {
                    margin-bottom: 6px;
                    font-size: 16px;
                }
                
                .labelval{
                    display: flex;
                    flex-flow: row nowrap;
                    
                    
                    .label{
                        width : 140px;    
                        color : #777;
                    }
                    .val {
                        flex : 1;
                        font-weight: 500;
                    }
                }
                
                canvas{
                    margin-top: 4px;
                }
            }
        }
        
        #metadata {
            
        }
        
        #nowinrt{
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom : 0;
            display: flex;
            align-items : center;
            justify-content: center;
            background-color: #EEE;
            
            .message{
                width : 70%;
                max-width: 500px;
            }
        }
    }
}
